<!--这是添加承运商组件-->
<template>
	<div style="padding-bottom: 30px;">
		<p class="filter"></p>
		<div class="addBox">
			<h3 class="fixTitle">
				<span>新增</span>
				<p>
					<em style="cursor: pointer;" ><svg-icon icon-class="jian" class="font-size16"/></em><em style="cursor: pointer;"><svg-icon class="font-size16" icon-class="fullScreen" /></em><em style="cursor: pointer;" @click="close"><svg-icon icon-class="cha" class="font-size16" /></em>
				</p>
			</h3>
			<el-form class="form-container" style="font-size:14px;margin-top: 40px;">
				<p>
					<label for=""><span style="color: red">*</span>顺序:</label><el-input v-model="order" placeholder="请输入内容" style="width: 300px"></el-input>
				</p>
				<p>
					<label for=""><span style="color: red">*</span>名称:</label><el-input v-model="name" placeholder="请输入内容" style="width: 300px"></el-input>
				</p>
				<p style="text-align: center;line-height: 70px;"><el-button type="primary" icon="el-icon-edit">保存</el-button><el-button type="info" @click="close">关闭</el-button></p>
			</el-form>
		</div>
	</div>
</template>
<script>
  export default {
    data() {
      return {
        order: '', // 顺序号
        name: '' // 名称
      }
    },
    methods: {
      close() {
        this.$emit('hideAdd', false)
      }
    }
  }
</script>
<style scoped>
	p,h3 {margin:0;padding:0}
	h3 em{
		padding: 0 5px;
		font-style: normal;
	}
	h3 em:hover{
		color: #0E90D2;
	}
	.font-size16{
		font-size: 16px;
	}
	.fixTitle{
		font-weight: 500;
		font-size: 14px;
		height: 36px;
		background: #eee;
		border-bottom: 1px solid #ddd;
		position: fixed;
		width: 500px;
		line-height: 36px;
		padding: 0 10px;
		z-index: 98;
	}
	.fixTitle p{
		position: absolute;
		right: 20px;
		top: 0px;
	}
	.filter {
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.3);
		position: fixed;
		left: 0;
		top: 0;
		z-index: 90;
	}
	.addBox {
		width: 500px;
		height: 300px;
		background: #fff;
		position: fixed;
		left: 35%;
		top: 25%;
		z-index: 110;
	}
	form p {
		margin: 0 20px;
		height: 50px;
		line-height: 50px;
	}
	form label {
		font-weight: 500;
		width: 140px;
		display: inline-block;
	}
</style>
